<%-- 
    Document   : index
    Created on : 10/01/2013, 09:52:48 PM
    Author     : User
--%>
<!DOCTYPE html>

<%@page import="com.acap.googlemaps.encapsulados.Coordenadas"%>
<%@page import="com.acap.googlemaps.encapsulados.Tipocoordenada"%>
<%@page import="com.acap.googlemaps.manejadores.ManejadorCoordenadas"%>
<%@page import="com.acap.googlemaps.manejadores.ManejadorTipoCoordenada"%>
<%@page import="java.sql.Connection"%>

<head>
    <%@include file="/head.jsp"%> 
    <title>Ver Ruta a Sucursal</title>  

</head>
<body onload="initialize()">
    <header>
        <div class="sticky-nav">
            <a id="mobile-nav" class="menu-nav" href="#menu-nav"></a>

            <div id="logo">
                <a id="goUp" title="Asociacion Cibao">Brushed Template</a>
            </div>

            <nav id="menu">
                <ul id="menu-nav">
                    <li class="current"><a href="#mapa">Home</a></li>
                    <li><a href="#aki">Indicaciones</a></li>
                    <li>|</li>
                    <li><a href="/MapWebApplication/index.jsp" onClick="window.location = '/MapWebApplication/index.jsp'">Sucursal</a></li>
                    <li><a href="/MapWebApplication/ATH.jsp" onClick="window.location = '/MapWebApplication/ATH.jsp'">ATH</a></li>
                    <li><a href="">Elegir Sucursal o ATH</a></li>
                </ul>
            </nav>

        </div>
        <div>


        </div>
    </header>
    <div id="control" style="text-align: center">
        <select name="idcoordenada" id="idcoordenada">
            <option value="0">Seleccionar</option>
            <%
                for (Coordenadas temp : ManejadorCoordenadas.getInstance().getListaCoordenadas()) {
            %>
            <option value="<%=temp.getIdcoordenadas()%>"><%=temp.getTitulo()%></option>
            <%}%>
        </select>

        <input type="hidden" id="Titulo" name="titulo" value="" size="255" class ="required  " />

        <input type="hidden" id="Latitud" name="latitud" value="" size="255" class ="required  " />

        <input type="hidden" id="Longitud" name="longitud" value="" size="255" class ="required  " />

        <input type="hidden" id="Direccion" name="descripcion" value="" size="255" class ="required  " />

        <input type="hidden" value="" id="lon"/>
        <input type="hidden" value="" id="lat"/>
    </div>
    <div  style="width: 99%; height: 90%; text-align: center">
        <div id="mapa" style="width: 100%; height: 100%"></div>
    </div> 

    <!-- End Homepage Slider -->
    <div id="aki" class="page-alternate">
        <div id="directionsPanel" style="alignment-adjust:central  ;width: 98%;height: 98%">
        </div>
    </div>



    <!-- Js -->

    <%@include file="/foot.jsp"%> 

    <script src="JavaScripts/ajax.js"></script>
    <script src="JavaScripts/RutaSucursalElegible.js"></script>

    <!-- End Js -->

</body>
</html>